<template>
  <div class="empty">
    <img
      class="empty-cart"
      src="http://rticjscfv.hn-bkt.clouddn.com/blog1682937048869.png"
      alt=""
    />

    <div class="title">购物车空空如也</div>
    <div class="empty_btn">
      <van-button primary round @click="toSelect" style="width: 200px"
        >前去选购</van-button
      >
    </div>
  </div>
</template>
<script setup>
import { useRouter } from "vue-router";

const router = useRouter();
const toSelect = () => {
  router.push("/catagory");
};
</script>
<style lang="scss">
.empty {
  width: 50%;
  margin: 0 auto;
  text-align: center;
  margin-top: 200px;
  .empty-cart {
    width: 150px;
    margin-bottom: 20px;
  }
  .title {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
</style>
